.u-color-red {
	color: #ee2424
}

.u-color-darkred {
	color: #E86C5E;
}

.u-color-gray {
	/* color: #343c6a; */
	color: #808080;
}

.u-color-lightGray {
	color: #ccc;
}

.u-color-placeholder {
	color: #c0c4cc;
}

.u-color-darkBlue {
	color: #343c6a
}

.u-color-darkGray {
	color: #A0A0A0;
}

.u-color-blue {
	color: #2C76ED !important;
}

.u-color-white {
	color: #ffffff !important;
}

.u-color-black {
	color: #000000;
}

.u-color-green {
	color: #51C06A;
}

.u-color-gold {
	color: #E6BF91;
}

.u-color-brown {
	color: #604504;
}

.u-color-puce {
	color: #B3723E;
}

.u-font-title {
	font-size: 32rpx;
	font-weight: bold;
}

.u-font-desc {
	font-size: 28rpx;
}

.u-font-999 {
	color: #999999;
}

.u-font-666 {
	color: #666666;
}

.u-font-bold {
	font-weight: bold;
}

.u-font-line {
	text-decoration: line-through;
}

.u-font-underLine {
	text-decoration: underline;
}

.u-text-right {
	text-align: right;
}

.u-text-center {
	text-align: center;
}

.u-back-white {
	background: #ffffff;
}

.u-back-black {
	background: linear-gradient(to right, #000, #323841);
}

.u-back-blue {
	background: #2C76ED;
}

.u-back-darkBlue {
	background: #0C4FB9;
}

.u-back-red {
	background: #ee2424;
}

.u-back-green {
	background: #01C05F;
}

.u-back-darkred {
	background: #E86C5E;
}

.u-back-oramage {
	background: #fb6316 !important;
}

.u-back-gray {
	background: #868B9A;
}

.u-back-light {
	background: #FFF7F2;
}

.u-back-gold {
	background: #D8BA8F;
}

.u-back-linear {
	background: linear-gradient(to top, #B67642, #E6BF91);
}

.u-back-puce {
	background: #B3723E !important;
}

.u-border-gray-top {
	border-top: 1rpx solid #ccc;
}

.u-border-top {
	border-top: 1rpx solid #ccc
}

.u-border-blue {
	border: 1rpx solid #2C76ED;
}

.u-border-right {
	border: 1rpx solid #fff;
	border-width: 0 1px 0 0;
}

.u-radius-10 {
	border-radius: 10rpx;
}

.u-radius-20 {
	border-radius: 20rpx !important;
}

.u-radius-50 {
	border-radius: 50rpx !important;
}

.u-line-bottom {
	border-bottom: 1rpx solid #eee;
}

.u-line-top {
	border-top: 1rpx solid #fb6316;
}

.u-text-line-15 {
	line-height: 1.5;
}

.u-text-line-17 {
	line-height: 1.7;
}

.u-auto {
	overflow: auto;
}

.s-flex {
	display: flex;
}

.u-card-box {
	background-color: #fff;
	padding: 20rpx;
	border-radius: 15rpx;
	box-shadow: 0px 0px 5rpx 0px rgba(0, 0, 0, 0.2)
}

.u-form-box {
	background-color: #fff;
	padding: 0 30rpx;
	border-radius: 15rpx;
	box-shadow: 0px 0px 5rpx 0px rgba(0, 0, 0, 0.2)
}

.u-tag-box {
	border-radius: 8rpx;
	padding: 4rpx 12rpx;
	font-size: 22rpx;
	color: #fff;
	display: inline-block
}

.u-nowrap {
	white-space: nowrap;
}

.u-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.u-ellipsis-two {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.u-width-50 {
	width: 50%;
}

.u-width-100 {
	width: 100%;
}

.u-height-100 {
	height: 100%;
}

.u-position-relative {
	position: relative;
}

.u-round-tag {
	background: #F96257;
	color: #fff;
	padding: 5rpx;
	width: 40rpx;
	height: 40rpx;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.u-square-tag {
	height: 64rpx;
	line-height: 64rpx;
	color: #fff;
	padding: 0 30rpx;
	font-size: 26rpx;
	border-radius: 50rpx;
}

.bottom_box {
	position: fixed;
	z-index: 999;
	background: #fff;
	padding: 24rpx 24rpx 48rpx 24rpx;
	width: 100%;
	bottom: 0;
	height: 156rpx;
	font-size: 26rpx;
	display: flex;
	justify-content: space-between;
	/* border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx; */
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.2)
}

.bottom_icon_box {
	position: fixed;
	z-index: 999;
	background: #fff;
	padding: 30rpx 24rpx 54rpx 60rpx;
	width: 100%;
	bottom: 0;
	height: 170rpx;
	font-size: 26rpx;
	display: flex;
	justify-content: space-between;
	border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.2)
}

.role_tag_one {
	background: linear-gradient(to bottom, #E6BF91, #B67642);
}

.role_tag_two {
	background: linear-gradient(to bottom, #E6BF91, #B67642);
}

.role_tag_three {
	background: linear-gradient(to bottom, #E6BF91, #B67642);
}

.role_tag_four {
	background: linear-gradient(to bottom, #E6BF91, #B67642);
}

.u-common-shadow {
	box-shadow: 0px 0rpx 15rpx 4rpx rgba(153, 153, 153, 0.24);
}

.drop_box {
	position: sticky;
	z-index: 10000;
	margin: 0 20rpx;
}

.u-exhibiton-box {
	/* background-color: #FFF8F5; */
	background-color: #fff;
	/* border: 4rpx solid #fb6316; */
	padding: 20rpx;
	border-radius: 20rpx;
	box-shadow: 0px 0px 5rpx 0px rgba(0, 0, 0, 0.2);
}

.convention_tag {
	width: fit-content;
	color: #fff;
	padding: 5rpx 20rpx;
	border-radius: 10rpx;
	font-size: 24rpx;
}

.common_tag {
	padding: 4rpx 10rpx;
	font-size: 24rpx;
	border: 1rpx solid #B3723E;
	border-radius: 20rpx;
}

.number_box {
	background: #B3723E;
	color: #fff;
	padding: 11rpx 10rpx;
	border-radius: 12rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.line {
	width: 2rpx;
	height: 50rpx;
	background: #eee;
}

.view_box {
	background: #fff;
	color: #000;
	padding: 5rpx 20rpx;
	border-radius: 50rpx;
	font-size: 24rpx;
	display: inline-block;
	margin-top: 10rpx;
}


.require_title::before {
	content: "*";
	color: #F8494D;
}

.notice_btn {
	z-index: 99;
	position: fixed;
	bottom: 12%;
	width: 95%;
	background-color: #000;
	border-radius: 20rpx;
	margin: auto;
	padding: 20rpx 30rpx;
	font-size: 26rpx;
}

.add_btn {
	background: #F96257;
	color: #fff;
	font-size: 12px;
	padding: 4px 6px;
	border-radius: 5px;
}